<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />	    
		<link rel="stylesheet" type="text/css" href="css/z_index.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_998195_9moi15kp0cg.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_998195_gkyrfwjcojb.css"/>
	</head>
	<body>
		<style>
			.imusic{
				position: absolute;
				right: 5px;
				top:5px;
				z-index: 999;
				font-size: 25px;
				color: #E7C698;
			}
			
		</style>
		<div class="web">
			<audio class="bgMusic" id="bgMusic" autoplay="autoplay" loop="loop" src="music/music.mp3"></audio>
			<i class="iconfont icon-yinyue imusic animated  pulse infinite"></i> 	
			<div class="index">
			    <div class="tan_z">
			    	<div class="fu_chuang">
			    		<i class="iconfont  icon-guanbi1"></i> 
			    		<div class="cont">
			    			<p>定制专属囍宴</p>
			    			<p>邀请宾客入席</p>  
			    			<p>抢999红包贺礼</p>
			    			<p>查看活动规则</p>
			    		</div>
			    	</div>
			    </div>	
				<div class="title">
					<img src="img/z_title.png"/>
				</div>
				<div class="title_baner">
					<img src="img/z_title-2.png"/>
				</div>
				<ul class="btn">
					<li>
						<a href="table.html">
						   <img src="img/z_anniu1_03.png"/>
						</a>
					</li>
					<li><a href="GaodeMap.html"><img src="img/z_btn2_03.png"/></a></li>
					<li>活动规则</li>
				</ul>
			</div>
			<div class="rules">
				<img src="img/z_rules.png"/>
				<div class="now">
					<a href="table.html"><img src="img/z_now.png"/></a>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/index.js"></script>
		<script>
//			console.log(11)
//           // 点击播放音乐,弹框
//            var musicbtn = document.querySelector(".imusic");
//            console.log(musicbtn)
//            var isplay=true;
//            musicbtn.addEventListener("click",function(){
//            	console.log('1');
//            	var player = document.querySelector(".bgMusic");
//            	if(isplay){
//            		player.src="music/music.mp3";
//            		player.play();
//            		isplay = false;
//            	}else{
//            		player.pause();
//            		isplay = true;
//            	}
//            })
//		(function(){
//			let player = document.getElementById("bgMusic");
//			player.play();
//		})();
         var isplay=true;
          $(".imusic").on("click",function(){
            console.log('1');
              	var player = document.querySelector(".bgMusic");
              	if(isplay){
              		player.src="music/music.mp3";
              		player.play();
              	
              		isplay = false;
              	}else{
              		player.pause();
              		isplay = true;
              	}
          })
		</script>
	</body>
</html>
